<html>
  <head>
    <title>
      长列表
    </title>
  </head>
  <body>
    <script>
      /*
           3、长列表

                                ①、长列表中如果每个item有一个点赞按钮，电机后点赞数字+1，此时点赞组件必须使一个单独引用的组件，才能做到差量数据更新。

                                   否则会造成这个列表数据重载。

                                ②、长列表中每个item并不一定需要做成组件，取决于你的业务中是否需要差量更新某一样item的数据，如果没有此类需求则不应该引入大量组件。
                                   
                                   （点击 item 后背景变色，输入css调整，没有更新data数据和渲染，不涉及这个问题）

                                ③、单个组件中存在大量数据时(比如长列表)，在App和小程序端数据更新时会消耗较多事件，建议使用组件对数据进行分页，将变更限制更小范围。

                                    可以参考： 长列表优化示例： https://ext.dcloud.net.cn/plugin?id=2863#detail

                                ④、app端 nvue 的长列表应该使用 list 组件，有自动的渲染回收机制。
                                
                                      vue页面使用页面滚动的性能，好于使用scroll-view 的区域滚动。  uni_ui 封装了 uList组件，
                                      
                                      在 app-nvue下使用list组件，在其他环境使用页面滚动，强烈推荐开发者使用，避免自己写得不好影响性能。

                                ⑤、如需要左右滑动的长列表，请在HBiulderX 新建 uni-app项目选欣慰模板，那是一个标杆实现。自己用 swiper 和 scroll-view做很容易引发性能问题。

      */
    </script>
  </body>
</html>